@charset "utf-8";
@import "reset";
.xiagu{
    width: 100%;
    background: #f7f7f5;
    margin: 0 auto;
    .shanglu{
        display: inline-block;
        width: 100%;
        height: 45px;
        background: #2f2f2f;
        
        .daohanglan{
            width: 1200px;
            margin: 0 auto;
            height: 44px;
            .vivo{
                float: left;
                line-height: 44px;
                a{
                    color: #008ddc;
                }
            }
            .sousuo{
                float: right;                
                margin-right: 25px;
                line-height: 50px;
                li{
                    display: inline-block;
                }
                li:nth-child(1){
                    margin-right: 50px;
                }
            }
            .shangzhong{
                width: 60%;
                margin: 0 auto;
                .daohanglanzhongjian{
                height: 44px;
                font-size: 0;
                line-height: 44px;
                li:nth-child(1){
                    width: 123px;
                    text-align: center;
                }
                li:nth-child(2){
                    width: 96px;
                    text-align: center;
                }
                li:nth-child(3){
                    width: 95px;
                    text-align: center;
                }
                li:nth-child(4){
                    width: 87px;
                    text-align: center;
                }
                li:nth-child(5){
                    width: 143px;
                    text-align: center;
                }
                li:nth-child(6){
                    width: 88px;
                    text-align: center;
                }
                li:nth-child(7){
                    width: 88px;
                    text-align: center;
                }
                li{
            display: inline-block;
            a{
                color: #ffffff;
                font-size: 14px;
            }
        } 
                }
            }
            
        }
       
        
    }
    
    .guanfangshangcheng{
        text-align: center;
        margin-top: 44px;
    }
    .guanfang{
        width: 100%;
        margin: 0 auto;
        display: inline-block;
        
        .bangzhu{
            float: right;
            li{
                float: left;
                
                a{
                    color: black;
                }
            }
            li:nth-child(1){
                margin-right: 35px;
            }
            li:nth-child(2){
                margin-right: 75px;
            }
        }
        .guanfangshangchengxiamian{
        margin: 0 auto;
        width: 600px;
        
        a{
            color: black;
        }        
        li{
            display: inline-block;
        }
        li:nth-child(1){
            span{
                    height: 28px;
                    width: 30px;
                    display: inline-block;
                    vertical-align: text-bottom;
                    margin-right:6px ;
                    background-repeat:no-repeat ;
                    background-position: -1 -47px;
                    background-image: url(../img/iconfont.png);
                }
        }
        li:nth-child(2){
            margin-left: 38px;
            span{
                    height: 28px;
                    width: 30px;
                    display: inline-block;
                    vertical-align: text-bottom;
                    margin-right:6px ;
                    background-repeat:no-repeat ;
                    background-position: -37 -48px;
                    background-image: url(../img/iconfont.png);
                }
        }
        li:nth-child(3){
            margin-left: 39px;
            span{
                    height: 28px;
                    width: 30px;
                    display: inline-block;
                    vertical-align: text-bottom;
                    margin-right:6px ;
                    background-repeat:no-repeat ;
                    background-position: -37 -10px;
                    background-image: url(../img/iconfont.png);
                }
        }
        li:nth-child(4){
            margin-left: 38px;
            span{
                    height: 28px;
                    width: 30px;
                    display: inline-block;
                    vertical-align: text-bottom;
                    margin-right:6px ;
                    background-repeat:no-repeat ;
                    background-position: -1 -9px;
                    background-image: url(../img/iconfont.png);
                }
        }
        
    }
    }
    
    .lunbotu{    
        width: 1200px;
        margin: 0 auto;         
           
        .kv{
    position: relative;
    height:457px;
    
    margin-top:19px ;
    .pic{
        li{
            display: none;
            height: 100%;         
            img{
                height: inherit;
            }
        }
        li:first-child{
            display: inline-block;
        }
    }
    }
    
    .circle{
        position: absolute;
        bottom:15px;
        left:475px;
        li{
            display: inline-block;
            width: 42px;
            height:2px;
            background: #e4ddd6;
            &:hover{
                height: 5px;
                cursor: pointer;
            }
        }     
    }
    }
    .lunxia{
        margin: 0 auto;
        width: 100%;
        .lun{
        width: 1210px;
        margin: 0 auto;
        text-align: justify;
        &:after{
            content:"";
            display: inline-block;
            height: 1px;
            width: 100%;
        }
        >div{
            display: inline-block;
        }
        
        div:nth-child(2){
         margin-left: 10px;
        }
        div:nth-child(3){
         margin-left: 10px;
        }
        
    }  
    .lunbotuxiamianyi:hover{
        box-shadow: 0px 15px 30px #666;
    }
    .lunbotuxiamianer:hover{
        box-shadow: 0px 15px 30px #666;
    }
    .lunbotuxiamiansan:hover{
        box-shadow: 0px 15px 30px #666;
    }
    .lunbotuxiamiansi:hover{
        box-shadow: 0px 15px 30px #666;
    }
    }
    
    
    .xinpin{
        width: 100%;
        margin: 0 auto;
 	    font-size: 24px;
        div{
            width: 1200px;
            margin: 0 auto;
            p{
                text-align: center;
            }
        }
    }
    
    .xin{
        width: 1200px;
        margin: 0 auto;
        
        .xinpinzhuanqu{
        width: 1200px;
        margin: 0 auto;
        text-align: justify;
        &:after{
            content:"";
            display: inline-block;
            height: 1px;
            width: 100%;
        }
        :hover{
            box-shadow: 0px 15px 30px #666;
        }
        >div{
           display: inline-block;
        }
        div:nth-child(1){
            width: 393px;
            margin-top: 27px;  
        }
        div:nth-child(2){
            width: 393px;
            margin-top: 27px;  
        }
        
    }
    }    
    
    .remaizhuanqu{
        width: 100%;
        margin: 0 auto;
        position: relative;
        .remai{
            width: 1200px;
            margin: 0 auto;
            text-align: center;

            font-size: 24px;
            div{
                display: inline;
                
            }
            div:nth-child(2){
                    float: right;
                    font-size: 14px;
                    a{
                        color: black;
                    }
                }
        }
        
    }   
           
           
                 
        
    .xershi{
        text-align: justify;
        &:after{
            content:"";
            display: inline-block;
            height: 1px;
            width: 100%;
        }
        .quanmianping:hover{
            box-shadow: 0px 15px 30px #666;
        }
        .xershiyi:hover{
            box-shadow: 0px 15px 30px #666;
        }
        .xjiu:hover{
            box-shadow: 0px 15px 30px #666;
        }
        
        ul{
            background: #ffffff;
        }
        .xershiyi{
            width: 293px;
        }
        .xjiu{
            width: 293px;
        }
        width:1200px;
        margin:0 auto;
        >ul{
            display: inline-block;
        }
        ul:nth-child(1){
             margin-top: 25px;
             img{
                 height: 372px;
             }
        }
        
        
        .tu{
            margin-top: 50px;
            margin-left: 80px;
        }        
        .shang{
            margin-top: 18px;
            margin-left: 106px;
            font-weight: bold;
        }
        .zhong{
            margin-top: 17px;
            margin-left: 70px;
            font-size: 12px;
        }
        .xia{
            margin-top: 64px;
            margin-left: 111px;
            color: red;
        }
        
        .xjiuyi{
            margin-top: 44px;
            margin-left: 83px;
        }
        .xjiuer{
            margin-top: 26px;
            margin-left: 107px;
        }
        .xjiusan{
            margin-top: 18px;
            margin-left: 92px;
            font-size: 12px;
        }
        .xjiusi{
            margin-top: 47px;
            margin-left: 112px;
            color: red;
        }
        
        
    }
    .xiaobox{
        text-align: justify;
        margin: 0 auto;
        padding-top: 1px;
        width: 1200px;
        &:after{
            content:"";
            display: inline-block;
            height: 1px;
            width: 100%;
        }
        >ul{
            display: inline-block;
        }
        .xplayliu:hover{
            box-shadow: 0px 15px 30px #666;
        }
        .yi:hover{
            box-shadow: 0px 15px 30px #666;
        }
        .ya:hover{
            box-shadow: 0px 15px 30px #666;
        }
        .y:hover{
            box-shadow: 0px 15px 30px #666;
        }
        .xplayliu{
            width: 293px;
        }
        .yi{
            width: 293px;
        }
        .ya{
            width: 293px;
        }
        .y{
            width: 293px;
        }
        ul{
            background: #ffffff;
        }
        
       
       
        .xplayliuyi{
            padding-top: 30px;
            
            margin-left: 85px;
        }
        .xplayliuer{
            padding-top: 28px;
            margin-top: 9px;
            margin-left: 94px;
        }
        .xplayliusan{
            margin-top: 14px;
            margin-left: 79px;
            font-size: 12px;
        }
        .xplayliusi{
            margin-top: 45px;
            margin-left: 112px;
            color: red;
        }
         .yiyi{
            padding-top: 39px;
            margin-left: 82px;
        }
        .yier{
            margin-top: 30px;
            margin-left: 104px;
        }
        .yisan{
            margin-top: 14px;
            margin-left: 92px;
            font-size: 12px;
        }
        .yisi{
            margin-top: 44px;
            margin-left: 112px;
            color: red;
        }
         .yayi{
            padding-top: 33px;
            margin-left: 82px;
        }
        .yaer{
            margin-top: 30px;
            margin-left: 104px;
        }
        .yasan{
            margin-top: 14px;
            margin-left: 92px;
            font-size: 12px;
        }
        .yasi{
            margin-top: 44px;
            margin-left: 112px;
            color: red;
        }
        .yyi{
            padding-top: 39px;
            margin-left: 82px;
        }
        .yer{
            margin-top: 30px;
            margin-left: 104px;
        }
        .ysan{
            margin-top: 14px;
            margin-left: 92px;
            font-size: 12px;
        }
        .ysi{
            margin-top: 44px;
            margin-left: 112px;
            color: red;
        }
    }
    
    .jing{
        width: 100%;
        margin: 0 auto;
        height: 87px;
        div{
            width: 1200px;
            margin: 0 auto;
            text-align: center;
        }
        p{
            width: 400px;
            margin: 0 auto;
            font-size: 24px;
        }
        ul{
            float: right;
            width: 367px;
            li{
                 display: inline-block;
                 font-size: 14px;
                 a{
                     color: black;
                 }
            }
           
        }
    }
    .jingpinxia{
        padding-top: 10px;
        margin: 0 auto;
        text-align: justify;
        &:after{
            content:"";
            display: inline-block;
            height: 1px;
            width: 100%;
        }
        >ul{
            display: inline-block;
        }
        .shanchong:hover{
            box-shadow: 0px 15px 30px #666;
        }
        .dataline:hover{
            box-shadow: 0px 15px 30px #666;
        }
        .bracelet:hover{
            box-shadow: 0px 15px 30px #666;
        }
        .steelfilm:hover{
            box-shadow: 0px 15px 30px #666;
        }
        width: 1200px;
        
        ul{
            background: #ffffff;
        }
        
        
        .shanchong{
            width: 291px;
        }
        .dataline{
            width: 291px;
        }
        .bracelet{
            width: 291px;
        }
        .steelfilm{
            width: 291px;
        }
        .shanchongyi{
            text-align: center;
            margin-top: 77px;
            
        }
        .shanchonger{
            text-align: center;
            margin-top: 58px;
        }
        .shanchongsan{
            text-align: center;
            margin-top: 16px;
            font-size: 13px;
        }
        .shanchongsi{
            margin-top: 46px;
           text-align: center;
            color: red;
        }
        .datalineyi{
            text-align: center;
            margin-top: 82px;
            
        }
        .datalineer{
            text-align: center;
            margin-top: 23px;
        }
        .datalinesan{
           text-align: center;
            margin-top: 15px;
            font-size: 13px;
        }
        .datalinesi{
            margin-top: 46px;
            text-align: center;
            color: red;
        }
        .braceletyi{
           text-align: center;
            margin-top: 58px;
            
        }
        .braceleter{
            text-align: center;
            margin-top: 24px;
        }
        .braceletsan{
           text-align: center;
            margin-top: 15px;
            font-size: 13px;
        }
        .braceletsi{
            margin-top: 46px;
           text-align: center;
            color: red;
        }
        .steelfilmyi{
          text-align: center;
            margin-top: 66px;
            
        }
        .steelfilmer{
            text-align: center;
            margin-top: 39px;
        }
        .steelfilmsan{
            text-align: center;
            margin-top: 15px;
            font-size: 13px;
        }
        .steelfilmsi{
            margin-top: 46px;
            text-align: center;
            color: red;
        }
    }
     .jingpinpeijianxiaxia{
          text-align: justify;
        &:after{
            content:"";
            display: inline-block;
            height: 1px;
            width: 100%;
        }
        .protectivefilm:hover{
            box-shadow: 0px 15px 30px #666;
        }
        .earphone:hover{
            box-shadow: 0px 15px 30px #666;
        }
        .Credit:hover{
            box-shadow: 0px 15px 30px #666;
        }
        .bluetoothheadset:hover{
            box-shadow: 0px 15px 30px #666;
        }
         padding-top:10px;
         margin: 0 auto;
         width: 1200px;
        ul{
            background: #ffffff;
        }
        >ul{
            display: inline-block;
        }
        
         .protectivefilm{
            width: 291px;
        }
        .earphone{
            width: 291px;
        }
        .Credit{
            width: 291px;
        }
        .bluetoothheadset{
            width: 291px;
        }
        .protectivefilmyi{
           text-align: center;
            margin-top: 53px;
            
        }
        .protectivefilmer{
            text-align: center;
            margin-top: 32px;
        }
        .protectivefilmsan{
            text-align: center;
            margin-top: 16px;
            font-size: 13px;
        }
        .protectivefilmsi{
            margin-top: 45px;
            text-align: center;
            color: red;
        }
        .earphoneyi{
            text-align: center;
            margin-top: 64px;
            
        }
        .earphoneer{
            text-align: center;
            margin-top: 23px;
        }
        .earphonesan{
            text-align: center;
            margin-top: 16px;
            font-size: 13px;
        }
        .earphonesi{
            margin-top: 45px;
            text-align: center;
            color: red;
        }
        .Credityi{
            text-align: center;
            margin-top: 103px;
            
        }
        .Crediter{
            text-align: center;
            margin-top: 82px;
        }
        .Creditsan{
            text-align: center;
            margin-top: 16px;
            font-size: 13px;
        }
        .Creditsi{
            margin-top: 45px;
            text-align: center;
            color: red;
        }
        .bluetoothheadsetyi{
            text-align: center;
            margin-top: 61px;
            
        }
        .bluetoothheadseter{
            text-align: center;
            margin-top: 45px;
        }
        .bluetoothheadsetsan{
            text-align: center;
            margin-top: 14px;
            font-size: 13px;
        }
        .bluetoothheadsetsi{
            margin-top: 45px;
           text-align: center;
            color: red;
        }
     } 
     .dibu{
        width: 100%;
        margin: auto;
        background: white;
        div{
            display: inline-block;
        }
        .baozheng{            
            width: 1200px;
            font-size: 0;
            margin: 0 auto;
            display: block;
            padding-top: 50px;
            margin-top: 100px;
            a{
                color: #333333;
            }
            h4{
                font-weight: normal;
                display: inline-block;
            }
            h4:nth-child(1){
                a span{
                    height: 28px;
                    width: 30px;
                    display: inline-block;
                    vertical-align: text-bottom;
                    margin-right:8px ;
                    background-repeat:no-repeat ;
                    background-position: 0 -4px;
                    background-image: url(../img/icon.png);
                }
                width: 300px;
                text-align: center;
                font-size: 18px;
            }
            h4:nth-child(2){
                width: 300px;
                text-align: center;
                font-size: 18px;
                a span{
                    height: 28px;
                    width: 30px;
                    display: inline-block;
                    vertical-align: text-bottom;
                    margin-right:8px ;
                    background-repeat:no-repeat ;
                    background-position: 0 -41px;
                    background-image: url(../img/icon.png);
                }
            }
            h4:nth-child(3){
                width: 300px;
                text-align: center;
                font-size: 18px;
                a span{
                    height: 28px;
                    width: 30px;
                    display: inline-block;
                    vertical-align: text-bottom;
                    margin-right:8px ;
                    background-repeat:no-repeat ;
                    background-position: 0 -79px;
                    background-image: url(../img/icon.png);
                }
            }
            h4:nth-child(4){
                width: 300px;
                text-align: center;
                font-size: 18px;
                a span{
                    height: 28px;
                    width: 30px;
                    display: inline-block;
                    vertical-align: text-bottom;
                    margin-right:8px ;
                    background-repeat:no-repeat ;
                    background-position: 0 -113px;
                    background-image: url(../img/icon.png);
                }
            }
            .xian{
                border-bottom:1px solid #dedede ;
                margin-top: 50px;
                margin-bottom: 63px;
            }
        }
        .dibubox{
            display: block;
               width: 1200px;
               margin: 0 auto;
               a{
                   color: #333333;
               }
               .dibuyi{
                   width: 181px;
                   text-align: left;
                   font-size: 12px;
                   li:nth-child(1){
                       font-weight: 600;
                       margin-bottom: 15px;
                       a{
                           color: black;
                       }
                   }
                   li:nth-child(2){
                       margin-bottom: 10px;
                   }
                   li:nth-child(3){
                       margin-bottom: 10px;
                   }
                   li:nth-child(4){
                       margin-bottom: 10px;
                   }
                   li:nth-child(5){
                       margin-bottom: 10px;
                   }
                   li:nth-child(6){
                       margin-bottom: 10px;
                   }
               }
               .dibuer{
                   width: 194px;
                   text-align: left;
                   font-size: 12px;
                   li:nth-child(1){
                       font-weight: 600;
                       margin-bottom: 15px;
                       a{
                           color: black;
                       }
                   }
                   li:nth-child(2){
                       margin-bottom: 10px;
                   }
                   li:nth-child(3){
                       margin-bottom: 10px;
                   }
                   li:nth-child(4){
                       margin-bottom: 10px;
                   }
                   li:nth-child(5){
                       margin-bottom: 10px;
                   }
                   li:nth-child(6){
                       margin-bottom: 10px;
                   }
                   
               }
               .dibusan{
                   width: 206px;
                   text-align: left;
                   font-size: 12px;
                   li:nth-child(1){
                       font-weight: 600;
                       margin-bottom: 15px;
                       a{
                           color: black;
                       }
                   }
                   li:nth-child(2){
                       margin-bottom: 10px;
                   }
                   li:nth-child(3){
                       margin-bottom: 10px;
                   }
                   li:nth-child(4){
                       margin-bottom: 10px;
                   }
                   li:nth-child(5){
                       margin-bottom: 10px;
                   }
                   li:nth-child(6){
                       margin-bottom: 10px;
                   }
               }
               .dibusi{
                   width: 193px;
                   text-align: left;
                   font-size: 12px;
                   vertical-align: top;
                   li:nth-child(1){
                       font-weight: 600;
                       margin-bottom: 15px;
                       a{
                           color: black;
                       }
                   }
                   li:nth-child(2){
                       margin-bottom: 10px;
                   }
                   li:nth-child(3){
                       margin-bottom: 10px;
                   }
                   li:nth-child(4){
                       margin-bottom: 10px;
                   }
                   li:nth-child(5){
                       margin-bottom: 10px;
                   }
               }
               .dibuwu{
                   width: 195px;
                   text-align: left;
                   font-size: 12px;
                   vertical-align: top;
                   li:nth-child(1){
                       font-weight: 600;
                       margin-bottom: 15px;
                       a{
                           color: black;
                       }
                   }
                   li:nth-child(2){
                       margin-bottom: 10px;
                   }
                   li:nth-child(3){
                       margin-bottom: 10px;
                   }
                   li:nth-child(4){
                       margin-bottom: 10px;
                   }
                   li:nth-child(5){
                       margin-bottom: 10px;
                   }
               }
            }
    }
         .lastone{
             margin: 0 auto;
             width: 1200px;
             background: #FFFFFF;
             margin-top: 3px;
             a{
                 color: #000000;
             }
             .bubugao{
                 font-size: 9px;
             }
             .guanzhu{
                 font-size: 12px;
             }
             .guojiguanwang{
                 font-size: 12px;
             }
             .zuihou{
                 width: 999px;
                 >li{
                     float: left;
                 }
                 li:nth-child(1){
                     margin-top: 36px;
                     margin-bottom: 51px;
                 }
                 li:nth-child(2){
                     margin-left: 60px;
                     margin-top: 36px;
                     margin-bottom: 51px;
                 }
                 li:nth-child(3){
                     margin-left: 23px;
                     margin-top: 30px;
                     margin-bottom: 52px;
                 }
                li:nth-child(4){
                     margin-left: 22px;
                     margin-top: 36px;
                     margin-bottom: 51px;
                 }
             }
             
         }
         
        .youxiajiao{
            position: fixed;
            right: 10px;
            bottom: 115px;
        }
      body{
          height: 9999px;
      }
        
        
        
        
    
    
   
    
}
